.page-cover-content {
   display: flex;
   flex-wrap: wrap;

   .ant-dropdown-menu-item {
      color: #1677FF !important;
      font-size: 12px !important;
   }

   .page-cover-set {
      display: flex;
      border: 2px dashed #E5E5E5;
      background: none !important;
      border-radius: 6px;
      width: calc(25% - 20px);
      align-items: center;
      justify-content: center;
      margin-right: 20px;
      margin-bottom: 20px;
      cursor: pointer;

      .page-cover-img {
         width: 100px;
      }

   }

   .page-cover-item {
      width: calc(25% - 20px);
      background: #FFFFFF;
      padding: 20px;
      border-radius: 6px;
      margin-right: 20px;
      margin-bottom: 20px;

      .cover-item-main {
         padding: 33px 75px 26px 26px;
         position: relative;
         background-image: url(https://img.alicdn.com/imgextra/i3/O1CN01YwSOpr20eLXV2KYn5_!!6000000006874-2-tps-355-200.png);
         background-size: cover;
         ;
         background-repeat: no-repeat;
         border-radius: 8px;

         .page-cover-status {
            background: red;
            border-radius: 8px 0 8px 0;
            padding: 2px 8px;
            position: absolute;
            top: 0;
            left: 0;
            font-size: 12px;
            color: #FFFFFF;
         }

         .page-cover-company-box {
            position: relative;
            padding: 11px 9px 26px 12px;
            background: rgba(255, 255, 255, 0.15);
            border: 0.5px solid rgba(177, 255, 245, 0.85);
            border-radius: 3px;
            backdrop-filter: blur(5px);

            .cover-company-name {
               font-size: 16px;
               color: #FFFFFF;
               margin-bottom: 32px;
            }

            .cover-company-details {
               display: flex;

               .company-detail-message {
                  display: flex;
                  align-items: baseline;
                  margin-right: 8px;
                  margin-bottom: 12px;
                  font-size: 12px;

                  .company-detail-label {

                     color: #FFFFFF;
                  }

                  .company-detail-value {

                     color: #FFFFFF;
                  }
               }
            }

         }

         .item-fixed-img {
            width: 98px;
            right: -60px;
            bottom: -11px;
            position: absolute;
         }
      }

      .page-share-time {
         background: rgba(0, 0, 0, 0.60);
         border-radius: 8px 0 8px 0;
         position: absolute;
         padding: 2px 4px;
         bottom: 0;
         right: 0;
         opacity: 0.9;
         font-size: 12px;
         color: #FFFFFF;

      }

      .page-author-box {
         display: flex;
         font-size: 10px;
         color: #999999;
         justify-content: space-between;
         padding: 8px 0;
         border-bottom: 1px solid #F8F8F8;

         .author-message-detail {
            max-width: 60%;
         }

         .page-create-time {
            flex: 1;
            text-align: end;
         }

      }
     
   }

   .page-cover-item:nth-child(4n) {
      margin-right: 0;
      flex: 1;
   }

   .cover-label-box {
      display: flex;
      margin: 12px 0 9px 0;

      .cover-label-item {
         background: #F9F0E6;
         border-radius: 6px;
         font-size: 12px;
         color: #BF9B76;
         padding: 0 8px;
         margin-right: 4px;

         &:last-child {
            margin-right: 0;
         }
      }

   }

   .page-cover-description-box {
      padding: 8px 13px 7px 8px;
      background: #F9F9F9;

   }

   .page-cover-description {

      font-size: 12px;
      color: #666666;
      display: -webkit-box;
      word-break: break-all;
      /* 使用Webkit内联盒模型显示 */
      -webkit-line-clamp: 2;
      /* 限制在一个块元素显示的内容行数 */
      -webkit-box-orient: vertical;
      /* 设置或检索伸缩盒对象的子元素的排列方式 */
      overflow: hidden;
      /* 隐藏超出容器的内容 */
      text-overflow: ellipsis;
      /* 当文本溢出时显示省略标记(...) */



   }

   .cover-operation-box {
      padding-top: 12px;

      .ant-btn {
         border-color: #1677FF;
         color: #1677FF;
         background-color: none;
      }


      .ant-btn[disabled] {
         border-color: #d9d9d9 !important;
         color: rgba(0, 0, 0, .25);
         background-color: none;
      }

   }

}